<template>
  <div class="storeVip_one">
    <el-tabs class="el_tabs_container">
      <!-- vip建档 -->
      <el-tab-pane label="VIP建档">
        <!-- vip建档的组件 -->
        <VipBuild />
      </el-tab-pane>
      <!-- vip充值 -->
      <el-tab-pane label="充值">
        <!-- 充值的组件 -->
        <ToPayIndex />
      </el-tab-pane>
      <!-- 营业员建档 -->
      <el-tab-pane label="营业员建档">
        <!-- 营业员建档组件 -->
        <SalesFilingIndex />
      </el-tab-pane>
      <!-- 业绩目标 -->
      <el-tab-pane label="业绩目标">
        <!-- 业绩目标的组件 -->
        <TargetPerformanceIndex />
      </el-tab-pane>
      <!-- 收款方式 -->
      <el-tab-pane label="收款方式">
        <!-- 业绩目标的组件 -->
        <MakeCollections />
      </el-tab-pane>
      <!-- 参数设定 -->
      <el-tab-pane label="参数设定">
        <ParameterSettingIndex />
      </el-tab-pane>
    </el-tabs>
  </div>
</template>

<script>
// vip建档的组件引入
import VipBuild from './childComp/VipFiling/VipBuild.vue'
// 充值组件的引入
import ToPayIndex from './childComp/ToPay/ToPayIndex.vue'
// 营业员建档组件的引入
import SalesFilingIndex from './childComp/SalesFiling/SalesFilingIndex.vue'
// 业绩目标组件的引入
import TargetPerformanceIndex from './childComp/TargetPerformance/TargetPerformanceIndex.vue'
// 收款方式组件的引入
import MakeCollections from './childComp/makeCollections/makeCollections.vue'
// 参数设定的映入
import ParameterSettingIndex from './childComp/ParameterSetting/ParameterSettingIndex.vue'
export default {
  data() {
    return {}
  },
  components: {
    VipBuild,
    ToPayIndex,
    SalesFilingIndex,
    TargetPerformanceIndex,
    MakeCollections,
    ParameterSettingIndex
  }
}
</script>

<style lang="less" scoped>
.storeVip_one {
  background-color: #fff;
  padding: 16px 0 0 46px;
  .el_tabs_container {
    height: 100%;
  }
}
</style>
